<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="img/ico/favicon.png">
    <title>Agile Saúde</title>
    
    <!-- CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/estrutura-agile.css" rel="stylesheet">
    
    <link rel="stylesheet" href="css/font-awesome.min.css">
    
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<!-- ÁREA DO TOPO -->
<nav class="navbar navbar-agile">
    <div class="container">
    	<!-- LOGO AGILE SAÚDE -->
        <div class="navbar-header"><a class="navbar-brand" href="#"><img src="img/logo-agile.png"></a></div>
        
		<!-- INÍCIO DO MENU -->
            <ul class="nav navbar-nav navbar-right">
            	<div class="area-login"><a href="#">Ainda não é cadastrado? Cadastre-se aqui.</a>
                <a href='login.html'><img src="img/bt-login.png" border="0"></a>
                </div>
                <li><a href="index.html">Home</a></li>
                <li><a href="quem-somos.html">Clínica Popular</a></li>
                <li class="active"><a href="como-funciona.html">Como Funciona</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Serviços <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Item 01</a></li>
                        <li><a href="#">Item 02</a></li>
                    </ul>
            	</li>
            	<li><a href="fale-conosco.html">Fale Conosco</a></li>            </ul>
        <!-- FIM DO MENU -->
	</div>
</nav>
<!-- FIM DO TOPO -->

<div class="container-fluid">
	<div class="area-banner-processo">
    </div>
</div>

<!-- INÍCIO DO CONTEÚDO -->

<!-- ÁREA PARA CONTEÚDO, SEMPRE UTILIZAR NO INÍCIO DE CADA NOVO BLOCO -->
<div class="container container-sobre">

	<!-- ROW DEFINE A LINHA DO BLOCO, SEMPRE UTILIZAR -->
    <div class="row">
   		<div class="col-md-1"><img src="img/funciona.png"></div>
        <div class="col-md-11">
            <!-- ÁREA DO TÍTULO... PAGE-HEADER CONTÉM O ESPAÇAMENTO, JÁ O H3 CONTÉM A ESTILIZAÇÃO DE FONTE -->
                <h3>Entenda nosso processo</h3>
                <p class="texto-normal">Descrição. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor lectus at magna porttitor dapibus. Ut pretium, mauris sit amet aliquam sodales, est nisl euismod lorem, at sollicitudin nulla neque et purus<br><br>
                Duis lacus ante, volutpat eget tristique sit amet, molestie ut ligula. Phasellus elementum tortor risus, non gravida nunc dictum a. In facilisis quis lorem sollicitudin hendrerit. Morbi egestas magna et ante vestibulum, ultricies pretium elit dignissim. Etiam non magna at dui pulvinar pellentesque vitae at odio. Morbi at iaculis augue, id laoreet metus. Nam non orci eu tellus faucibus rutrum. Phasellus ac hendrerit lorem, eget scelerisque erat. Phasellus egestas in nibh sit amet sagittis. Pellentesque ultrices elementum cursus.
</p>
                <hr>
                <h3>Gostou?</h3>
                <p class="texto-normal">Cadastre-se. É gratuito, rápido e fácil.a.</p>
                <button type="button" class="btn btn-success btn-destacar">Quero Experimentar</button>
        </div>

    </div>
    
    
	

</div>

<!-- FIM DO CONTEÚDO -->

<!-- RODAPÉ -->
<div class="rodape">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h5>Agile Saúde</h5>
                <h6>© 2013 - Todos os direitos reservados.</h6>
            </div>
		</div>
            
        <div class="row">
            <div class="col-lg-12">
                <div style="width: 150px; margin: 0 auto;">
                    <a href="#"><img src="img/bt-contato.png"></a>
                    <a href="#"><img src="img/bt-facebook.png"></a>
                </div>
            </div>
        </div>
        
    </div>
</div>

<!-- FIM DA CAIXA DE LOGIN -->

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<script type="text/javascript">// <![CDATA[
var $ = jQuery.noConflict(); $(document).ready(function()  { $('#myCarousel').carousel({ interval: 3000, cycle: true }); });
// ]]>
</script>



</body>
</html>